<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML xmlns:v="urn:schemas-microsoft-com:vml">
<HEAD>
<TITLE>Spark Test</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<META NAME="Author" CONTENT=""/>
<META NAME="Keywords" CONTENT=""/>
<META NAME="Description" CONTENT=""/>
<LINK rel="Shortcut Icon" href="/siteIcon.ico"/>
<LINK rel="Bookmark" href="/siteIcon.ico"/>
<LINK href="spark.css" rel="stylesheet" type="text/css"/>
</HEAD>

<style type="text/css">
v\:* { Behavior: url(#default#VML) }

body				{background:#333;font:normal 11px Tahoma;color:#888;padding:0px;margin:0px}
.TestContainer		{font:normal 11px Tahoma;color:#aaa}
.TabSheet			{padding:10px}
input				{width:140px;height:20px;font-size:12px;font-size:tahoma;color:#aaa;background:#333;border-left:1px solid #202020;border-top:1px solid #202020;border-right:1px solid #707070;border-bottom:1px solid #707070;margin-right:2px}

</style>

<script type="text/javascript" language="javascript" src="../swat3.js"></script>
<script type="text/javascript" language="javascript" src="spark.common.js"></script>
<script type="text/javascript" language="javascript" src="Slider.js"></script>
<script type="text/javascript" language="javascript" src="PopupMenu.js"></script>

<script type="text/javascript" language="javascript">

var md=
{
	name:'mnMain',
	width: 150,

	items:
	[
	{caption:'查看', icon:'../../../uvod/dms/res/icon/icon-1013.gif'},
	{caption:'删除', icon:''},
	{caption:'-'},
	{caption:'属性', icon:'', onClick:function(D){alert(D.caption)}}
	]
}

var g_slider = null;

$.pageReady(function()
{
	var mn = new scumix.swat.spark.PopupMenu( md );

	/*g_sliderH = new scumix.swat.spark.Slider( 'eSlider', {dir:'H',width:200,min:0,max:255,value:0,step:5,showTip:true} );
	g_sliderH.onChange = function()
	{
		$('eSlider_text').setText(this.value);
	}

	new scumix.swat.spark.Slider( 'eSlider', {dir:'H',width:100,min:0,max:10,value:5,step:5} );

	g_sliderV = new scumix.swat.spark.Slider( 'eSlider', {dir:'v',width:100,min:0,max:100,value:0,step:1} );
	//g_sliderV.maxValue = $E('list').scrollHeight - $E('list').offsetHeight - 2;
	var h = $E('list').scrollHeight - $E('list').offsetHeight + 15;
	g_sliderV.setMaxValue( h);
	g_sliderV.onChange = function()
	{
		//$('eSlider_text').setText(this.value);
		$E('list').scrollTop = this.value;
	}*/

	document.onmousedown = function(event)
	{
		event = event || window.event;
		if(event.button == 2 )
		mn.show(event.clientX,event.clientY);
	}

	document.oncontextmenu=function(e){return false;}

});

</script>

<BODY>
<div id="eSlider" class="TestContainer" style="width:200px;height:100px;border:0px solid #c00">[滑动条] 值: <span id="eSlider_text"></span></div>

<div id="list" style="width:200px;height:200px;border:1px solid #cc0;overflow:auto">
sdfsdf
<div style="background:#c00;width:50px;height:500px">d</div>

sdf
sfd
sd
f
</div>
<button onclick="document.title=$E('list').scrollHeight">ddddd</button>

</BODY>
</HTML>
